<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>

    <!-- start: Meta -->
    <meta charset="utf-8">
    <title>Bootstrap Metro Dashboard by Dennis Ji for ARM demo</title>
    <meta name="description" content="Bootstrap Metro Dashboard">
    <meta name="author" content="Dennis Ji">
    <meta name="keyword" content="Metro, Metro UI, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <!-- end: Meta -->

    <!-- start: Mobile Specific -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- end: Mobile Specific -->

    <!-- start: CSS -->
    <link id="bootstrap-style" href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
    <link id="base-style" href="css/style.css" rel="stylesheet">
    <link id="base-style-responsive" href="css/style-responsive.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext,latin-ext' rel='stylesheet' type='text/css'>
    <!-- end: CSS -->


    <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <link id="ie-style" href="css/ie.css" rel="stylesheet">
    <![endif]-->

    <!--[if IE 9]>
    <link id="ie9style" href="css/ie9.css" rel="stylesheet">
    <![endif]-->

    <!-- start: Favicon -->
    <link rel="shortcut icon" href="img/favicon.ico">
    <!-- end: Favicon -->




</head>

<body>
<!-- start: Header -->
<div class="navbar">
    <div class="navbar-inner" style="background-color: #24748c">
        <div class="container-fluid" >
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <img class="brand" href="index.html"><img src="img/u2142.png" style="float: left;margin-top: 7px">
            </a>

            <!-- start: Header Menu -->
            <div class="nav-no-collapse header-nav">
                <ul class="nav pull-right">
                    <!--<li class="dropdown hidden-phone">-->
                    <!--<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">-->
                    <!--<i class="icon-bell"></i>-->
                    <!--<span class="badge red">-->
                    <!--7 </span>-->
                    <!--</a>-->
                    <!--<ul class="dropdown-menu notifications">-->
                    <!--<li class="dropdown-menu-title">-->
                    <!--<span>You have 11 notifications</span>-->
                    <!--<a href="#refresh"><i class="icon-repeat"></i></a>-->
                    <!--</li>	-->
                    <!--<li>-->
                    <!--<a href="#">-->
                    <!--<span class="icon blue"><i class="icon-user"></i></span>-->
                    <!--<span class="message">New user registration</span>-->
                    <!--<span class="time">1 min</span> -->
                    <!--</a>-->
                    <!--</li>-->
                    <!--<li>-->
                    <!--<a href="#">-->
                    <!--<span class="icon green"><i class="icon-comment-alt"></i></span>-->
                    <!--<span class="message">New comment</span>-->
                    <!--<span class="time">7 min</span> -->
                    <!--</a>-->
                    <!--</li>-->
                    <!--<li>-->
                    <!--<a href="#">-->
                    <!--<span class="icon green"><i class="icon-comment-alt"></i></span>-->
                    <!--<span class="message">New comment</span>-->
                    <!--<span class="time">8 min</span> -->
                    <!--</a>-->
                    <!--</li>-->
                    <!--<li>-->
                    <!--<a href="#">-->
                    <!--<span class="icon green"><i class="icon-comment-alt"></i></span>-->
                    <!--<span class="message">New comment</span>-->
                    <!--<span class="time">16 min</span> -->
                    <!--</a>-->
                    <!--</li>-->
                    <!--<li>-->
                    <!--<a href="#">-->
                    <!--<span class="icon blue"><i class="icon-user"></i></span>-->
                    <!--<span class="message">New user registration</span>-->
                    <!--<span class="time">36 min</span> -->
                    <!--</a>-->
                    <!--</li>-->
                    <!--<li>-->
                    <!--<a href="#">-->
                    <!--<span class="icon yellow"><i class="icon-shopping-cart"></i></span>-->
                    <!--<span class="message">2 items sold</span>-->
                    <!--<span class="time">1 hour</span> -->
                    <!--</a>-->
                    <!--</li>-->
                    <!--<li class="warning">-->
                    <!--<a href="#">-->
                    <!--<span class="icon red"><i class="icon-user"></i></span>-->
                    <!--<span class="message">User deleted account</span>-->
                    <!--<span class="time">2 hour</span> -->
                    <!--</a>-->
                    <!--</li>-->
                    <!--<li class="warning">-->
                    <!--<a href="#">-->
                    <!--<span class="icon red"><i class="icon-shopping-cart"></i></span>-->
                    <!--<span class="message">New comment</span>-->
                    <!--<span class="time">6 hour</span> -->
                    <!--</a>-->
                    <!--</li>-->
                    <!--<li>-->
                    <!--<a href="#">-->
                    <!--<span class="icon green"><i class="icon-comment-alt"></i></span>-->
                    <!--<span class="message">New comment</span>-->
                    <!--<span class="time">yesterday</span> -->
                    <!--</a>-->
                    <!--</li>-->
                    <!--<li>-->
                    <!--<a href="#">-->
                    <!--<span class="icon blue"><i class="icon-user"></i></span>-->
                    <!--<span class="message">New user registration</span>-->
                    <!--<span class="time">yesterday</span> -->
                    <!--</a>-->
                    <!--</li>-->
                    <!--<li class="dropdown-menu-sub-footer">-->
                    <!--<a>View all notifications</a>-->
                    <!--</li>	-->
                    <!--</ul>-->
                    <!--</li>-->
                    <!-- start: Notifications Dropdown -->
                    <!--<li class="dropdown hidden-phone">-->
                    <!--<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">-->
                    <!--<i class="icon-calendar"></i>-->
                    <!--<span class="badge red">-->
                    <!--5 </span>-->
                    <!--</a>-->
                    <!--<ul class="dropdown-menu tasks">-->
                    <!--<li class="dropdown-menu-title">-->
                    <!--<span>You have 17 tasks in progress</span>-->
                    <!--<a href="#refresh"><i class="icon-repeat"></i></a>-->
                    <!--</li>-->
                    <!--<li>-->
                    <!--<a href="#">-->
                    <!--<span class="header">-->
                    <!--<span class="title">iOS Development</span>-->
                    <!--<span class="percent"></span>-->
                    <!--</span>-->
                    <!--<div class="taskProgress progressSlim red">80</div> -->
                    <!--</a>-->
                    <!--</li>-->
                    <!--<li>-->
                    <!--<a href="#">-->
                    <!--<span class="header">-->
                    <!--<span class="title">Android Development</span>-->
                    <!--<span class="percent"></span>-->
                    <!--</span>-->
                    <!--<div class="taskProgress progressSlim green">47</div> -->
                    <!--</a>-->
                    <!--</li>-->
                    <!--<li>-->
                    <!--<a href="#">-->
                    <!--<span class="header">-->
                    <!--<span class="title">ARM Development</span>-->
                    <!--<span class="percent"></span>-->
                    <!--</span>-->
                    <!--<div class="taskProgress progressSlim yellow">32</div> -->
                    <!--</a>-->
                    <!--</li>-->
                    <!--<li>-->
                    <!--<a href="#">-->
                    <!--<span class="header">-->
                    <!--<span class="title">ARM Development</span>-->
                    <!--<span class="percent"></span>-->
                    <!--</span>-->
                    <!--<div class="taskProgress progressSlim greenLight">63</div> -->
                    <!--</a>-->
                    <!--</li>-->
                    <!--<li>-->
                    <!--<a href="#">-->
                    <!--<span class="header">-->
                    <!--<span class="title">ARM Development</span>-->
                    <!--<span class="percent"></span>-->
                    <!--</span>-->
                    <!--<div class="taskProgress progressSlim orange">80</div> -->
                    <!--</a>-->
                    <!--</li>-->
                    <!--<li>-->
                    <!--<a class="dropdown-menu-sub-footer">View all tasks</a>-->
                    <!--</li>	-->
                    <!--</ul>-->
                    <!--</li>-->
                    <!-- end: Notifications Dropdown -->
                    <!-- start: Message Dropdown -->
                    <!--<li class="dropdown hidden-phone">-->
                    <!--<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">-->
                    <!--<i class="icon-envelope"></i>-->
                    <!--<span class="badge red">-->
                    <!--4 </span>-->
                    <!--</a>-->
                    <!--<ul class="dropdown-menu messages">-->
                    <!--<li class="dropdown-menu-title">-->
                    <!--<span>You have 9 messages</span>-->
                    <!--<a href="#refresh"><i class="icon-repeat"></i></a>-->
                    <!--</li>-->
                    <!--<li>-->
                    <!--<a href="#">-->
                    <!--<span class="avatar"><img src="img/avatar.jpg" alt="Avatar"></span>-->
                    <!--<span class="header">-->
                    <!--<span class="from">-->
                    <!--Dennis Ji-->
                    <!--</span>-->
                    <!--<span class="time">-->
                    <!--6 min-->
                    <!--</span>-->
                    <!--</span>-->
                    <!--<span class="message">-->
                    <!--Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore-->
                    <!--</span>-->
                    <!--</a>-->
                    <!--</li>-->
                    <!--<li>-->
                    <!--<a href="#">-->
                    <!--<span class="avatar"><img src="img/avatar.jpg" alt="Avatar"></span>-->
                    <!--<span class="header">-->
                    <!--<span class="from">-->
                    <!--Dennis Ji-->
                    <!--</span>-->
                    <!--<span class="time">-->
                    <!--56 min-->
                    <!--</span>-->
                    <!--</span>-->
                    <!--<span class="message">-->
                    <!--Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore-->
                    <!--</span>-->
                    <!--</a>-->
                    <!--</li>-->
                    <!--<li>-->
                    <!--<a href="#">-->
                    <!--<span class="avatar"><img src="img/avatar.jpg" alt="Avatar"></span>-->
                    <!--<span class="header">-->
                    <!--<span class="from">-->
                    <!--Dennis Ji-->
                    <!--</span>-->
                    <!--<span class="time">-->
                    <!--3 hours-->
                    <!--</span>-->
                    <!--</span>-->
                    <!--<span class="message">-->
                    <!--Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore-->
                    <!--</span>-->
                    <!--</a>-->
                    <!--</li>-->
                    <!--<li>-->
                    <!--<a href="#">-->
                    <!--<span class="avatar"><img src="img/avatar.jpg" alt="Avatar"></span>-->
                    <!--<span class="header">-->
                    <!--<span class="from">-->
                    <!--Dennis Ji-->
                    <!--</span>-->
                    <!--<span class="time">-->
                    <!--yesterday-->
                    <!--</span>-->
                    <!--</span>-->
                    <!--<span class="message">-->
                    <!--Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore-->
                    <!--</span>-->
                    <!--</a>-->
                    <!--</li>-->
                    <!--<li>-->
                    <!--<a href="#">-->
                    <!--<span class="avatar"><img src="img/avatar.jpg" alt="Avatar"></span>-->
                    <!--<span class="header">-->
                    <!--<span class="from">-->
                    <!--Dennis Ji-->
                    <!--</span>-->
                    <!--<span class="time">-->
                    <!--Jul 25, 2012-->
                    <!--</span>-->
                    <!--</span>-->
                    <!--<span class="message">-->
                    <!--Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore-->
                    <!--</span>-->
                    <!--</a>-->
                    <!--</li>-->
                    <!--<li>-->
                    <!--<a class="dropdown-menu-sub-footer">View all messages</a>-->
                    <!--</li>-->
                    <!--</ul>-->
                    <!--</li>-->

                    <!-- start: User Dropdown -->
                    <li class="dropdown">
                        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                            <i class="halflings-icon white user"></i> 欢迎使用
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li class="dropdown-menu-title">
                                <span>退出</span>
                            </li>
                            <li><a href="login.jsp"><i class="halflings-icon off"></i> Logout</a></li>
                        </ul>
                    </li>
                    <!-- end: User Dropdown -->
                </ul>
            </div>
            <!-- end: Header Menu -->

        </div>
    </div>
</div>
<!-- start: Header -->
<!--<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >企业网站模板</a></div>-->





</body>
</html>
